@charset "utf-8";
/*LOADING*/
/*.loading { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999; background-color: #b51b13; }
.loader { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -mos-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; }
.line { border-bottom: 5px solid #f2f2f2; overflow: hidden; width: 100%; -webkit-animation: line 2s ease-in-out infinite; -moz-animation: line 2s ease-in-out infinite; -mos-animation: line 2s ease-in-out infinite; -o-animation: line 2s ease-in-out infinite; animation: line 2s ease-in-out infinite; color: #f2f2f2; font-size: 4em; text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.1), 0 3px 5px rgba(0,0,0,.1), 0 5px 10px rgba(0,0,0,.1), 0 10px 10px rgba(0,0,0,.1), 0 20px 20px rgba(0,0,0,.15); box-shadow: inset 0px -5px 10px -7px rgba(0,0,0,0.75), inset 0px 5px 10px -7px rgba(0,0,0,0.75); }
.cap { position: absolute; left: -1px; height: 100%; border-bottom: 5px solid #403833; -webkit-animation: cap 2s ease-in-out infinite; -moz-animation: cap 2s ease-in-out infinite; -mos-animation: cap 2s ease-in-out infinite; -o-animation: cap 2s ease-in-out infinite; animation: cap 2s ease-in-out infinite; background: #403833; }*/

.scene { width: 100%; transform: translateY(var(--translateY)); will-change: transform;}

/*banner*/
.conrp { width: 100%; overflow: hidden; position: relative; }
.conrp #owl-demo { width: 100%; margin-left: auto; margin-right: auto; position: relative; }
.conrp #owl-demo .item { width: 100%; display: block; position: relative; height: auto; overflow: hidden; }
.conrp #owl-demo .item img { width: 100%; display: block; vertical-align: top; transition: all 1s ease 2.5s; transform: perspective(1000px) translate3d(0, 0, 100px); }
.conrp #owl-demo .item .pcimg { width: 100%; height: auto; display: block; }
.conrp #owl-demo .item .moimg { width: 100%; height: auto; display: none; }
.conrp #owl-demo .active .item img {transition: all 5s ease 0s; transform: perspective(1000px) translate3d(0, 0, 0px);}


.conrp #owl-demo .item .banry{ position: absolute; width:100%; top:35%; left:0; z-index: 100; color: #FFF;}
.conrp #owl-demo .item .banry .main{ text-shadow: 3px 0 10px rgba(22, 78, 145, 0.4); color:#FFF;}
.conrp #owl-demo .item .banry .main dt{ width: 100%; overflow:hidden; display:block; font-style:normal; transform: translateX(60px); opacity: 0;}
.conrp #owl-demo .active .item .banry .main dt{ transition: all 2s ease 1.2s; transform: translateX(0); opacity: 1;}
.conrp #owl-demo .item .banry .main dd{ width: 100%; overflow:hidden; transform: translateX(70px); opacity: 0;}
.conrp #owl-demo .active .item .banry .main dd{ transition: all 2s ease 1.3s; transform: translateX(0); opacity: 1;}
.conrp #owl-demo .item .banry .main .moreb{ width: 100%; overflow:hidden; transform: translateX(80px); opacity: 0;}
.conrp #owl-demo .active .item .banry .main .moreb{ transition: all 2s ease 1.4s; transform: translateX(0); opacity: 1;}
.conrp #owl-demo .item .banry.ban1 .main dt span, .conrp #owl-demo .item .banry.ban1 .main dd span{ margin-left:1em;}
.conrp #owl-demo .item .banry.ban2 .main dt span, .conrp #owl-demo .item .banry.ban2 .main dd span{ margin-left:1em;}
.conrp #owl-demo .item .banry.ban5 .main dt span, .conrp #owl-demo .item .banry.ban5 .main dd span{ margin-left:1em;}
.conrp .owl-pagination { width: 100%; overflow: hidden; position: absolute; left: 0; bottom: 16%; text-align: center; display: block; }
.conrp .owl-page { display: inline-block; width: 16px; height: 16px; margin: 0 8px; background: #FFF; *display: inline;
*zoom: 1; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
.conrp .owl-page.active { background: #b51b13; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
.conrp .owl-buttons{ display:none;}
.conrp .scroll_wrapper{ width: 100%; position: absolute; bottom: 1%; left: 0; z-index: 100; opacity: 1; animation: arrow 3s cubic-bezier(0.5, 0, 0.1, 1) infinite; -webkit-animation: arrow 3s cubic-bezier(0.5, 0, 0.1, 1) infinite;}
.conrp .scroll_wrapper .scroll_img{ width:2%; margin:0 auto; cursor: pointer;}
.conrp .scroll_wrapper:hover { animation:none; -webkit-animation: none;}
/*abouts*/
.abouts{ width: 100%; overflow: hidden; background:#ffffff; padding:4.5vw 0;}
.abouts .abouts_l{ width:64%; overflow:hidden; float:left; position:relative; background:url(../images/company.png) no-repeat center; background-size:contain;}
.abouts .abouts_l p.txtbig span{ display:block;}
.abouts .abouts_r{ width:30%; overflow:hidden; float:right; position:relative;}
.abouts .abouts_r dt{ width: 100%; height:100%; background:url(../images/video.png) no-repeat; background-size:cover; position:absolute; left:0; top:0; z-index:5;}


/*cpzs*/
.cpzs{ width: 100%; overflow: hidden; background:#f5f5f5; padding:4.5vw 0;}
.cpzs_bo #owl-demo { width: 100%; margin-left: auto; margin-right: auto; position: relative; padding-bottom:3vw;}
.cpzs_bo #owl-demo .item { display: block; line-height: normal;}
.cpzs_bo #owl-demo .item dt{ width: 90%; height:auto; overflow: hidden; margin:0 auto;}
.cpzs_bo #owl-demo .item dd{ width: 90%; overflow: hidden; padding:1.5vw 0; background:#FFF; margin:0 auto;}
.cpzs_bo #owl-demo .item dd a{ padding:0 1em; display: block; height:22px; line-height:22px; overflow:hidden;}
.cpzs_bo #owl-demo .item:hover dt img{ -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);}
.cpzs_bo #owl-demo .item:hover dd{ background:#b51b13;}
.cpzs_bo #owl-demo .item:hover dd a{ color:#FFF;}
.cpzs_bo .owl-buttons{ display:none;}
.cpzs_bo .owl-pagination { width: 100%; overflow: hidden; position: absolute; left: 0; bottom: 0; text-align: center; display: block; }
.cpzs_bo .owl-page { display: inline-block; width: 16px; height: 16px; margin: 0 8px; background: #707070; *display: inline;
*zoom: 1; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
.cpzs_bo .owl-page.active { width: 56px; height: 16px; background: #b51b13; border-radius: 16px; -moz-border-radius: 16px; -webkit-border-radius: 16px;}
/*case*/
.case_bo{ position:relative;}
.cp_imga{ width:49%;}
.cp_imgb{ width:32.33%;}
.case_bo dl{ -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -ms-transition:all 0.2s linear; -o-transition:all 0.2s linear; transition:all 0.2s linear; overflow:hidden; position:relative; margin:0 0.5%; float:left;}
.case_bo dl dt{ width:100%; height:auto; overflow:hidden;}
.case_bo dl dd{ width:84%; overflow:hidden; position:absolute; left:8%; bottom:8%;}
.case_bo dl .overlay{ width:100%; height:100%; position: absolute; top: 0; left: 0; opacity:0; -webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear; z-index:10; display: -webkit-box; display: flex; -webkit-box-pack: center;  justify-content: center;  -webkit-box-align: center; align-items: center;}
.case_bo dl .overlay span{ width:15%; margin:0 auto; display:block;}
.case_bo:hover dl{ background:#000; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -ms-transition:all 0.2s linear; -o-transition:all 0.2s linear; transition:all 0.2s linear;}
.case_bo:hover dl dt{ opacity:0.5; filter:alpha(opacity=50); -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -ms-transition:all 0.2s linear; -o-transition:all 0.2s linear; transition:all 0.2s linear;}
.case_bo dl:hover dt{ opacity:1;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear; box-shadow:2px 2px 10px #ccc;}
.case_bo dl:hover dt img{ -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);}
.case_bo dl:hover{box-shadow:2px 2px 10px #ccc;}
.case_bo:hover dl .overlay{opacity:1;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;}
.case_bo dl:hover .overlay{opacity:0;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;}
/*我们的优势*/
.contay{ width:100%; overflow:hidden; background-repeat: no-repeat; background-position: top center; background-color:#FFF; attachment: fixed; padding:5vw 0 4vw 0;}
.news{ width:100%; overflow:hidden; background:url(../images/bga.png) repeat-y center; padding-top:4.5vw; margin-top:3vw;}
.news_img #owl-demo { width: 100%; margin-left: auto; margin-right: auto; position: relative; padding-bottom:25px; border-bottom:1px #eeeeee solid;}
.news_img #owl-demo .item { display: block; position: relative;}
.news_img #owl-demo .item dt{ width:28%; overflow:hidden; float:left; height:auto;}
.news_img #owl-demo .item dt img{ height:260px;}
.news_img #owl-demo .item dd{ width:68%; overflow:hidden; position:absolute; right:0; top:0;}
.news_img #owl-demo .item dd a.f20{ height:22px; line-height:22px; overflow:hidden;}
.news_img #owl-demo .item:hover dt img{ -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
.news_img #owl-demo .item:hover dd a{ color:#b51b13;} 
.news_img .owl-buttons{ display:none;}
.news_img .owl-pagination { width:auto; overflow: hidden; position: absolute; right: 0; bottom: 25px; display: block; }
.news_img .owl-page { display: inline-block; width: 16px; height: 16px; margin: 0 8px; background: #707070; *display: inline;
*zoom: 1; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
.news_img .owl-page.active { width: 56px; height: 16px; background: #b51b13; border-radius: 16px; -moz-border-radius: 16px; -webkit-border-radius: 16px;}
.news_txt{ display: flex; flex-wrap: wrap; position: relative; max-width: 100%;}
.news_txt li{ width:44%; overflow:hidden; border-bottom:1px #eeeeee solid;}
.news_txt li:nth-of-type(odd) { float: left; margin-right:6%; }
.news_txt li:nth-of-type(even) { float: right; margin-left:6%; }
.news_txt li .news_nr{ width:100%; overflow:hidden; margin:0 auto; position:relative; padding:30px 0;}
.news_txt li p span.ioc{ width:auto; height:22px; line-height:22px; padding:0 10px; background:#b51b13; color:#fff; border-radius: 22px; -moz-border-radius: 22px; -webkit-border-radius: 22px;}
.news_txt li p a.f20{ height:22px; line-height:22px; overflow:hidden;}
.news_txt li .mort{ position:absolute; right:0; bottom:30px;}
.news_txt li:hover{ background:#f4f4f4;}
.news_txt li:hover .news_nr{ width:90%;}
.news_txt li:hover a{ color:#b51b13;}

@media screen and (max-width: 1500px) and (min-width:0) {
.conrp .owl-page { width: 13px; height: 13px; margin: 0 6px;}
.cpzs_bo .owl-page, .news_img .owl-page { width: 13px; height: 13px; margin: 0 6px;}
.cpzs_bo .owl-page.active, .news_img .owl-page.active { width: 50px; height: 13px; border-radius: 13px; -moz-border-radius: 13px; -webkit-border-radius: 13px;}

/*我们的优势*/
.news_img #owl-demo { padding-bottom:22px;}
.news_img #owl-demo .item dt img{ height:230px;}
.news_img #owl-demo .item dd a.f20{ height:20px; line-height:20px;}
.news_txt li .news_nr{ padding:27px 0;}
.news_txt li p span.ioc{ height:20px; line-height:20px; padding:0 6px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;}
.news_txt li p a.f20{ height:20px; line-height:20px;}
}
@media screen and (max-width: 1350px) and (min-width:0) {
.conrp .owl-page { width: 12px; height: 12px; margin: 0 5px;}
.cpzs_bo .owl-page, .news_img .owl-page { width: 12px; height: 12px; margin: 0 5px;}
.cpzs_bo .owl-page.active, .news_img .owl-page.active { width: 48px; height: 12px; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px;}

/*我们的优势*/
.news_img #owl-demo { padding-bottom:20px;}
.news_img #owl-demo .item dt img{ height:214px;}
.news_txt li .news_nr{ padding:25px 0;}
}
@media screen and (max-width: 1250px) and (min-width:0) {
.conrp .owl-page { width: 10px; height: 10px; margin: 0 4px;}
.cpzs_bo .owl-page, .news_img .owl-page { width: 10px; height: 10px; margin: 0 4px;}
.cpzs_bo .owl-page.active, .news_img .owl-page.active { width: 46px; height: 10px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
/*我们的优势*/
.news_img #owl-demo { padding-bottom:18px;}
.news_img #owl-demo .item dt img{ height:190px;}
.news_txt li .news_nr{ padding:23px 0;}
}
/*wap*/
@media screen and (max-width: 1024px) and (min-width:0) {
.scene { position:inherit; transform:none; will-change:inherit;}
/*banner*/
.conrp{ margin-top:0.78rem;}
.conrp #owl-demo .item .pcimg { display: none; }
.conrp #owl-demo .item .moimg { display: block; }
.conrp #owl-demo .item .banry .main{ text-align:center;}
.conrp #owl-demo .item .banry .main .moreb .fl{ margin:0 auto; float:none;}
.conrp .owl-page { width: 10px; height: 10px; margin: 0 5px; }
.conrp .owl-pagination { bottom: 10px;}
.conrp .scroll_wrapper{ display:none;}

/*abouts*/
p.txtbig, a.tpf{ text-align:center;}
.abouts{ padding:0.4rem 0;}
.abouts .abouts_l{ width:100%; float:none; background:url(../images/company.png) no-repeat center center; background-size:contain;}
.abouts .abouts_l p.txtbig span{ display:inline-block;}
.abouts .abouts_l p.txtbig span.color{ margin-right:0.5em;}
.abouts .abouts_r{ width:100%; float:none; margin-top:0.38rem;}

/*cpzs*/
.cpzs{ padding:0.4rem 0;}
.cpzs_bo #owl-demo { padding-bottom:50px;}
.cpzs_bo #owl-demo .item dd{ padding:0.28rem 0; text-align:center;}
.cpzs_bo #owl-demo .item dd a{ height:0.28rem; line-height:0.28rem;}
.cpzs_bo .owl-page { width: 10px; height: 10px; margin: 0 5x;}
.cpzs_bo .owl-page.active { width: 36px; height: 10px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
/*case*/
.case_bo dl{ background:#000;}
.case_bo dl dt{ opacity:0.7; filter:alpha(opacity=70);}
.case_bo dl dd span.pt20, .case_bo dl .overlay{ display:none;}
.case_bo dl dd{ color:#FFF; text-align:center;}
.case_bo dl dd span.f28{ font-size: 0.26rem;}

/*我们的优势*/
.contay{ background-position: top left; padding:40px 0 30px 0;}
.news{ background:#fff; padding-top:0.4rem; margin:0.45rem auto 0 auto;}
.news_img #owl-demo { padding-bottom:0.32rem;}
.news_img #owl-demo .item dt{ width:48%;}
.news_img #owl-demo .item dt img{ height:auto;}
.news_img #owl-demo .item dd{ width:48%; position:inherit; right:inherit; top:inherit; float:right;}
.news_img #owl-demo .item dd a.f20{ height:0.26rem; line-height:0.26rem;}
.news_img #owl-demo .item dd .mort.dibok{ display:none;}
.news_img #owl-demo .item dd .lihe32{ height:1.85rem; overflow:hidden;}
.news_img .owl-pagination { bottom: 0.32rem;}
.news_img .owl-page { width: 10px; height: 10px; margin: 0 5x;}
.news_img .owl-page.active { width: 36px; height: 10px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}

.news_txt{ display:inherit; flex-wrap: inherit; position: relative; width: 100%;}
.news_txt li:nth-of-type(odd) { float: none; margin-right:0; }
.news_txt li:nth-of-type(even) { float: none; margin-left:0; }

.news_txt li .news_nr{ padding:0.3rem 0;}
.news_txt li p span.ioc{ height:0.26rem; line-height:0.26rem; padding:0 5px; border-radius: 0.26rem; -moz-border-radius: 0.26rem; -webkit-border-radius: 0.26rem;}
.news_txt li p a.f20{ height:0.26rem; line-height:0.26rem; overflow:hidden;}
.news_txt li .mort.dibok{ display:none;}
.news_txt li .lihe32{ height:1.85rem; overflow:hidden;}


}

@media screen and (max-width: 768px) and (min-width:0) {







/*我们的优势*/
.youshi_bo.f18{ font-size:0.25rem;}
.news_img #owl-demo .item dt{ width:100%; float:none;}
.news_img #owl-demo .item dd{ width:100%; overflow:hidden; position:absolute; right:0; top:auto; bottom:0; text-align:center; background:url(../images/hy.png) repeat;}
.news_img #owl-demo .item dd a.f20{ width:90%; margin:0 auto; height:0.45rem; line-height:0.45rem; color:#FFF;}
.news_img #owl-demo .item dd p{ display:none;}
.news_img .owl-pagination { width:100%; overflow: hidden; position: absolute; right: 0; bottom: 0; display: block; text-align:center;}

.news_txt li{ width:100%;}
.news_txt li:nth-of-type(odd) { float:none; }
.news_txt li:nth-of-type(even) { float:none; }
.news_txt li p a.f20{ font-weight:bold; height:auto; line-height:normal;}
.news_txt li .lihe32{ height:1.2rem; overflow:hidden; line-height:1.8;}

}
@media screen and (max-width: 420px) and (min-width:0) {
.conrp #owl-demo .item .banry{ top:25%;}
.conrp #owl-demo .item .banry span{ display:block;}
.conrp #owl-demo .item .banry.ban1 .main dt span, .conrp #owl-demo .item .banry.ban1 .main dd span{ margin-left:0;}
.conrp #owl-demo .item .banry.ban2 .main dt span, .conrp #owl-demo .item .banry.ban2 .main dd span{ margin-left:0;}
.conrp #owl-demo .item .banry.ban5 .main dt span, .conrp #owl-demo .item .banry.ban5 .main dd span{ margin-left:0;}

/*cpzs*/
.cpzs_bo #owl-demo .item dt, .cpzs_bo #owl-demo .item dd{ width: 100%;}


}

@media screen and (max-width: 320px) and (min-width:0) {



}





/* animation */
@keyframes mobileburns {
    0% {
        transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
        animation-timing-function: ease-in;
    }
    65% {
        transform: scale3d(1.1, 1.1, 1.1) translate3d(-80px, -20px, 0px);
        animation-timing-function: ease-in;
    }
    80% {
        transform: scale3d(1.1, 1.1, 1.1) translate3d(-80px, -20px, 0px);
        animation-timing-function: ease-in;
    }
    100% {
        transform: scale3d(1.1, 1.1, 1.1) translate3d(-80px, -20px, 0px);
        animation-timing-function: ease-in;
    }
}

@keyframes circleProgressLoad_right {  0% {
 transform: rotate(45deg);
}
 50%,  100% {
 transform: rotate(225deg);
}
}
@keyframes circleProgressLoad_left {  0%,  50% {
 transform: rotate(45deg);
}
 100% {
 transform: rotate(225deg);
}
}
 @-webkit-keyframes to100vh {  0% {
 width: 0
}
 100% {
 width: 100vw
}
}
 @keyframes to100vh {  0% {
 width: 0
}
 100% {
 width: 100vw
}
}

@keyframes arrow { %0, %100 {
 bottom:45px;
 opacity: 1;
}
 50% {
 bottom:45px;
 opacity: .5
}
}
 @-webkit-keyframes arrow { %0, %100 {
bottom:25px;
 opacity: 1;
}
 50% {
 bottom:45px;
 opacity: .5;
}
}